<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>快切官网</title>
<meta name="keywords" content="快切,中文css框架,css框架,开源css框架,css框架下载"/>
<meta name="description" content="快切是一个开源中文 (X)HTML/CSS 框架 ,它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目,能够用于网站的快速设计,通过重设和重建浏览器标准，可以让每个网站防 止枯燥的跨浏览器兼容性测试。下载：http://kuaiqie.qietu.com"/>
<meta name="author" content="developer@qietu.com">
<!--禁止图像工具栏出现的网页标签-->
<meta content="no" http-equiv="imagetoolbar">
<!--用于iphone开发-->
<meta content="width=device-width,initial-scale=1" name="viewport">
<link type="image/x-icon" href="assets/ico/favicon.ico" rel="shortcut icon">
<link rel="stylesheet" href="assets/css/quick.css">
<link rel="stylesheet" href="assets/css/quick-rwd.css">
<link rel="stylesheet" href="css/prettify.css" >
<link rel="stylesheet" href="css/docs.css">

<!--针对ipad的横屏竖屏-->
<!--<link rel="stylesheet" type="text/css" media="all and (orientation:portrait)" href="assets/css/portrait.css" />
<link rel="stylesheet" type="text/css" media="all and (orientation:landscape)" href="assets/css/landscape.css" />-->

<!--针对iphone的横屏竖屏,iPhone是通过屏幕最大宽度来侦测的-->
<!--<link rel="stylesheet" media="screen and (max-width: 320px)" href="portrait.css" /> 
<link rel="stylesheet" media="screen and (min-width: 321px)" href="landscape.css" />-->

<!--竖版本使用的样式-->
<style media="all and (orientation:portrait)" type="text/css">
.landscape { }
</style>
<!--横版本使用的样式-->
<style media="all and (orientation:landscape)" type="text/css">
.portrait { }
</style>

<!--[if lt IE 9]>
<script src="assets/js/html5.js"></script>
<![endif]-->

<script src="assets/js/jquery-1.7.1.min.js"></script>
<script src="assets/js/quick.js"></script> 
<script src="js/prettify.js"></script>
<script src="js/docs.js"></script> 

<script>
//js判断是否ipad浏览器
 var ua = navigator.userAgent.toLowerCase();
 var s;
 s = ua.match(/iPad/i);

 if(s=="ipad")
 {
  //return true; 
  alert(1);
 }
 else{
  //return false;
 }
 
 
</script>



</head>

<body>
<!--<noscript><iframe src=*.html></iframe></noscript>--> <!--网页将不能被另存为-->

<div class="spring">
    <div class="wrapper">
    	<div class="spring-text">快切css发布v1.4版本，意见？建议？你说的蒜！我们统一在微博上反馈，关注<a href="http://weibo.com/qietuwang" target="_blank">@qietuwang</a> ;官方QQ群：208893509&nbsp;(验证：快切)，</div>
<del>&times;</del> 
    </div>           
</div>	

<div class="naver">
	<div class="wrapper">
    	<div class="brand">
        	<a href="./index.html">快切</a></div>
    	<div class="module">
        	<ul>
                <li>
                    <a href="started.html">入门</a>                </li>
                <li>
                    <a href="grid.html">12列栅格</a>                </li>
                <li>
                    <a href="base.html">基础css</a> 
                </li>
                <li>
                    <a href="widgets.html">组件</a>                </li>
                <li>
                    <a href="javascript.html">javascript插件</a>                </li>
                <li>
                    <a href="icon.html">图标</a>                </li> 
                   <li>
                   		<a href="#">@快切css</a>
                        	<ul>
                            <li><a href="http://weibo.com/qietuwang" target="_blank">微博加关注</a></li>
                            <li><a href="mailto:developer@qietu.com" target="_blank">发邮件给作者：developer@qietu.com</a></li>
                        </ul>  
                   </li>
            </ul>
        </div>
        <div class="sub">
        	<a href="http://miqie.qietu.com/?kuaiqie" target="_blank" title="切图网" class="button">移动框架</a>
        	<a href="http://www.qietu.com/?kuaiqie" target="_blank" title="切图网" class="button button-inverse" style="border:#639c8f solid 1px !important; background:#fff !important; color:#639c8f !important;">前往官网</a>
        </div>
    </div>
</div>

<div class="docs-masthead">
	<sup></sup>
  <div class="wrapper">
  	<div class="docs-logoicon">
    	<span>Q</span>
    </div>
    <!--<h1>众多理由让您选择快切<small></small></h1>-->
    <h2>快切css是一个开源中文 HTML5/CSS3 框架 ,支持跨平台移动浏览器兼容。<br/>兼容ie6,ie7,ie8,firefox,chrome浏览器以及iphone,ipad等移动设备。</h2>

    <p>
    <a href="http://pan.baidu.com/s/1jGF2s2U" target="_blank" class="button button-inverse " style="padding:15px 30px;  font-size:28px;">下载快切</a> 
    </p>
    <h4><span>当前utf8版本：v1.4</span>  <span>文档更新于：2015-07-12</span></h4>
    
     
    <div class="show-pc">
    <span class="docs-ads">
    <script type="text/javascript">
    /*kuaiqie_qietu_com*/
    var cpro_id = "u2131425";
</script>
<script src="http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script>

    </span>
    </div>
    
    <!--<div class="carbonad">
    	<span class="carbonad-image"><a target="_blank" href="##"><img width="130" border="0" height="100" style="max-width:130px;" class="carbonad-image carbonad-img" src="imgs/16148.png"></a></span>
        <span class="carbonad-text"><a href="##">我们提供优质经济的前端开发外包服务，拥有300多客户建立至今，超过1000多个项目，价格从优。</a></span>
    </div>-->
  </div>
	<sub></sub>
</div>

<div class="partbar hide">
	<div class="wrapper">QQ交流群：102254931<div class="arrow"></div></div>
</div>

<div class="docs-featurette">
	<div class="wrapper">
	<h1 class="docs-featurette-title">快切源于对细节的关注</h1>
    <p class="lead">无论你是专业的web前端开发工程师，还是设计师，或者仅仅是一个爱好者，快切css框架都能够让您快速的建立一个标准美观的web网页。</p>
    
    <hr class="half-rule"/>
	<div class="row">
    	<div class="col4">
        	<div class="col-padding">
        	<img src="imgs/docs-github.png"/>
   	  		<h2>栅格化系统</h2>
          	<p>采用了12列格子技术，将网页平分成12列，可以满足多种布局的网页，为网页的多样性提供了便捷性，和灵活性。</p>
            </div>
      </div>
    	<div class="col4">
        	<div class="col-padding">
        	<img src="imgs/docs-responsive.png"/>
        	<h2>响应式设计 </h2>
          	<p>可以根据浏览器的大小自动缩放和调整，对web标签的重构实现了最大化的浏览器支持，避免了枯燥乏味的浏览器兼容调整的烦恼。</p>
            </div>
        </div>
    	<div class="col4">
        	<div class="col-padding">
        	<img src="imgs/docs-widgets.png"/>
        	<h2>jquery插件的支持</h2>
            <p>编入了常用的jquery插件，iepng透明插件，选项卡插件，幻灯片插件，lazyload插件，并且测试了其跨浏览器的兼容性。</p>
            </div>
        </div>
  </div>
  
  
    <hr class="half-rule"/>
    <p class="lead">快切css是国产的开源的html5响应式前端开发框架，托管在OSChina！</p>
    
    <a href="https://git.oschina.net/qietuwang/kuaiqie" target="_blank" class="button button-outline " style="padding:15px 30px;  font-size:28px;">在OSChina上查看</a> 
 
</div>
</div>


<div class="docs-featurette" id="faq">
<div class="wrapper">
	<h1 class="docs-featurette-title">更新日志</h1>
    <p class="lead">我们正在不断的改进快切，以帮助大家更容易的制作响应式网页</p>
    <hr class="half-rule">
    
    
    <div class="timeline">
    	<em></em>
    	<ul>
            	<li class="event">
                	<label></label>
                	<div class="thumb" style="background-image:url(imgs/darthvader.jpg);">
                    	<span>5.30</span>
                    </div>
                    <div class="inner">
                        <p>将gb2312编码改为了utf8编码，调整了若干细节，删除了框架用不到的css文件和js文件。
</p>
                    </div>
                </li>
            	<li class="event">
                	<label></label>
                	<div class="thumb" style="background-image:url(imgs/darthvader.jpg);">
                    	<span>5.2</span>
                    </div>
                    <div class="inner">
                        <p>推出sidebar侧边栏菜单网页组件。兼容ie6，ie7，ie8，ie9，ie10，firefox，chrome，safari，opera等浏览器。
</p>
                    </div>
                </li>
            	<li class="event">
                	<label></label>
                	<div class="thumb" style="background-image:url(imgs/darthvader.jpg);">
                    	<span>7.10</span>
                    </div>
                    <div class="inner">
                        <p>新增了计数器counter组件！
更改了网站主色调为#698绿色，新增css3图片移上去放大类img-scale，修正了导航naver的响应式bug，增加了quick-rwd.css响应式文件，增加了时间轴组件timeline响应式效果；调整了数项细节。</p>
                    </div>
                </li>
            </ul>
         </div>   
 
    <hr class="half-rule">
   <p class="lead">我有能够帮助快切改进的建议</p>
    <a style="padding:15px 30px;  font-size:28px;" class="button button-outline " href="http://wpa.qq.com/msgrd?v=3&uin=1379502713&site=qq&menu=yes" target="_blank">联系我们</a> 
</div>
</div>


<div class="docs-featurette">
<div class="wrapper">
	<h1 class="docs-featurette-title">基于快切搭建的网站</h1>
    <p class="lead">快切css框架被用于切图网前端开发项目建设中，目前已经累计300多客户使用了该框架，基于快切css框架开发的超过1000多个项目!</p>
    <hr class="half-rule"/>
	<div class="row">
    	<div class="col4">
        	<div class="col-padding">
            <a href="#"><img src="imgs/lyft-thumb.jpg"/></a>
            </div>
        </div>
    	<div class="col4">
        	<div class="col-padding">
            <a href="#"><img src="imgs/lyft-thumb.jpg"/></a>
            </div>
        </div>
    	<div class="col4">
        	<div class="col-padding">
            <a href="#"><img src="imgs/lyft-thumb.jpg"/></a>
            </div>
        </div>
  </div>
    <hr class="half-rule"/>
   <p class="lead">查看更多基于快切css搭建的网站实例。</p>
    <a href="#t" class="button button-outline " style="padding:15px 30px;  font-size:28px;">查看更多案例</a> 
</div>
</div>


<div class="docs-featurette">
<div class="wrapper">
	<h1 class="docs-featurette-title">意见？建议？你说的蒜！</h1>
    <p class="lead">快切css增设了<a href="http://www.uyan.cc" target="_blank" rel="nofollow">友言</a>社会化评论系统，欢迎在这里给我们评论。</p>
    
    <hr class="half-rule"/>
<!-- UY BEGIN -->
<div id="uyan_frame"></div>
<script type="text/javascript" src="http://v2.uyan.cc/code/uyan.js?uid=2045006"></script>
<!-- UY END -->
</div>
</div>

<div class="wrapper footer">
	<p>&copy; CopyRight 2002-2013, 快切 kuaiqie.qietu.com, Inc.All Rights Reserved.
    <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1255281778'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s11.cnzz.com/stat.php%3Fid%3D1255281778' type='text/javascript'%3E%3C/script%3E"));</script>
    
    <br/>
	代码基于<a href="http://www.apache.org/licenses/LICENSE-2.0" rel="nofollow" target="_blank">Apache License v2.0</a>, 文档基于创作共享的 <a href="http://creativecommons.org/licenses/by-nc-sa/2.5/cn/" rel="nofollow" target="_blank">署名-非商业使用-相同方 式分享 2.5</a> 协议发布</p>
</div>

<!--浮动菜单-->
<div class="absbar" style="display:none;">
	<ul>
    	<li><a href="###">分享</a>
        	<ul>
            	<li><a href="http://weibo.com/qietuwang" target="_blank">微博</a></li>
            	<li><a href="###">微信</a>
                	<div class="qrcode">
                    	<img src="imgs/getqrcode.jpg"/>
                        <br/>请扫描关注快切微信
                    </div>
                </li>
            </ul>
        </li>
    	<li><a href="http://koubei.baidu.com/s/kuai.qietu.com" target="_blank">点评</a></li>
    	<li><a href="###" class="up"><i class="icon icon-chevron-up"></i></a></li>
    	<li><a href="###" class="down"><i class="icon icon-chevron-down"></i></a></li>
    </ul>
</div>
</body>
</html>

